<template>
    <div class="nva">
        <div v-for="divli in list" :key="divli.id"><img :src="divli.imgsrc" alt=""><span>{{divli.text}}</span></div>
        
    </div>
</template>
<script>
    export default {
        name:"Nva",
        data(){
            return {
                list:[{id:1,imgsrc:require("../../public/image/1.png"),text:"京东超市"},{id:2,imgsrc:require("../../public/image/2.png"),text:"数码电器"},{id:3,imgsrc:require("../../public/image/3.png"),text:"京东新百货"},{id:4,imgsrc:require("../../public/image/4.png"),text:"京东生鲜"},{id:5,imgsrc:require("../../public/image/5.png"),text:"京东到家"},{id:6,imgsrc:require("../../public/image/6.png"),text:"缴费充值"},{id:7,imgsrc:require("../../public/image/7.png"),text:"附近好店"},{id:8,imgsrc:require("../../public/image/8.png"),text:"领券"},{id:9,imgsrc:require("../../public/image/9.png"),text:"PLUS会员"},{id:10,imgsrc:require("../../public/image/10.png"),text:"京东国际"}]
            }
        },
        components:{

        }
    }
</script>
<style lang="less">
    .nva{
        width: 100%;
        height: 162px;
        display: flex;
        flex-wrap: wrap;
        div{
            width: 20%;
            height: 50%;
            font-size: 12px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            img{
                width: 57%;
            }
        }
    }
</style>